﻿var AvgData = [];
var AvgData2 = [];  //通道2
var myChart;
var option;
window.onload = function () {
    $.ajaxSettings.async = false;
    $.post("/DataView/GetSingleAvg", { "MN": MN }, function (msg) {

        console.log(msg);
        //首先格式化归零数据
        for (var i = 0; i < msg.length; i++) {
            if (msg[i].Y1 == null || msg[i].V1 == null || msg[i].K1 == null || msg[i].Y2 == null || msg[i].V2 == null || msg[i].K2 == null) {
                msg[i].Y1 = 0;
                msg[i].V1 = 0;
                msg[i].K1 = 0;
                msg[i].Y2 = 0;
                msg[i].V2 = 0;
                msg[i].K2 = 0;
            }
        };
        AvgData = [];
        for (var i = 0; i < msg.length; i++) {
            var tempItem = { product: msg[i].DateHour, '油烟浓度': msg[i].Y1, 'VOC': msg[i].V1, '颗粒物': msg[i].K1 };
            AvgData.push(tempItem);
        }

        AvgData2 = [];
        for (var i = 0; i < msg.length; i++) {
            var tempItem = { product: msg[i].DateHour, '油烟浓度': msg[i].Y2, 'VOC': msg[i].V2, '颗粒物': msg[i].K2 };
            AvgData2.push(tempItem);
        }
    });
    $.ajaxSettings.async = true;
    
    initCharts();
    if (ChannelNum == "2") {
        initCharts2();
    }

    //判断是否超标，如果是就改变CSS的样式 显示为红字
    var Y1 = $("#realTime1").text();
    var V1 = $("#methane1").text();
    var Y2 = $("#realTime2").text();
    var V2 = $("#methane2").text();
    if (Y1 > 1 || V1 > 10) {
        $(".ywh").css("color", "red");
    }
    if (Y2 > 1 || V2 > 10) {
        $(".ywh2").css("color", "red");
    }

}

//通道1的图表
function initCharts() {
    myChart = echarts.init(document.getElementById('main'));
    option = {
        title: {
            text: "最近24小时平均值(通道1)",
            textStyle: {//标题内容的样式
                fontStyle: 'normal',//主标题文字字体风格，默认normal，有italic(斜体),oblique(斜体)
                fontWeight: "normal",//可选normal(正常)，bold(加粗)，bolder(加粗)，lighter(变细)，100|200|300|400|500...
                fontFamily: "san-serif",//主题文字字体，默认微软雅黑
                fontSize: 18,//主题文字字体大小，默认为18px
            },
            left: 'center',
            top: '20px',
        },
        legend: {
            bottom: 0,
            orient: 'horizontal'
        },
        tooltip: {},
        dataset: {
            dimensions: ['product', '油烟浓度', 'VOC', '颗粒物'],
            source: AvgData,
            //source: [
            //    { product: '0', '油烟浓度': 0.5, '颗粒物浓度': 1, '非甲烷': 0.75 },
            //    { product: '1', '油烟浓度': 1, '颗粒物浓度': 0.5, '非甲烷': 0.75 },
            //    { product: '2', '油烟浓度': 0.75, '颗粒物浓度': 1, '非甲烷': 0.5 },
            //]
        },
        xAxis: { type: 'category' },
        yAxis: {
            max:15
        },
        // Declare several bar series, each will be mapped
        // to a column of dataset.source by default.
        series: [
            { type: 'bar' },
            { type: 'bar' },
            { type: 'bar' }
        ]
    };
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);


}



//通道2的图表
function initCharts2() {
    myChart = echarts.init(document.getElementById('main2'));
    option = {
        title: {
            text: "最近24小时平均值(通道2)",
            textStyle: {//标题内容的样式
                fontStyle: 'normal',//主标题文字字体风格，默认normal，有italic(斜体),oblique(斜体)
                fontWeight: "normal",//可选normal(正常)，bold(加粗)，bolder(加粗)，lighter(变细)，100|200|300|400|500...
                fontFamily: "san-serif",//主题文字字体，默认微软雅黑
                fontSize: 18,//主题文字字体大小，默认为18px
            },
            left: 'center',
            top: '20px',
        },
        legend: {
            bottom: 0,
            orient: 'horizontal'
        },
        tooltip: {},
        dataset: {
            dimensions: ['product', '油烟浓度', 'VOC', '颗粒物'],
            source: AvgData2,
            //source: [
            //    { product: '0', '油烟浓度': 0.5, '颗粒物浓度': 1, '非甲烷': 0.75 },
            //    { product: '1', '油烟浓度': 1, '颗粒物浓度': 0.5, '非甲烷': 0.75 },
            //    { product: '2', '油烟浓度': 0.75, '颗粒物浓度': 1, '非甲烷': 0.5 },
            //]
        },
        xAxis: { type: 'category' },
        yAxis: {
            max: 15
        },
        // Declare several bar series, each will be mapped
        // to a column of dataset.source by default.
        series: [
            { type: 'bar' },
            { type: 'bar' },
            { type: 'bar' }
        ]
    };
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
}